﻿@{
    Layout = null;
    var reduser = ViewData["reduser"] as Pay.DTO.red_user_dto;
}

<!DOCTYPE HTML>
<html lang="zh-lang">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="" content="yes" />
    <meta name="" content="black" />
    <link href="~/Content/css/tokenmall/css/styles.css" rel="stylesheet" />
    <link href="~/Content/css/tokenmall/css/special.css" rel="stylesheet" />
    <link href="~/Content/css/tokenmall/css/reg.css" rel="stylesheet" />
    <script src="~/Scripts/tokenmall/jquery-1.8.3.min.js"></script>
    <script src="~/Scripts/tokenmall/all.js?v=001"></script>
    <link href="~/Content/js/layer/1.9.3/layui.css" rel="stylesheet" />
    <script src="~/Content/js/layer/1.9.3/layer.js"></script>
</head>
<body class="page-reg page-invite">
    <div class="lt-head lt-headWhite">
        @*<a href="javascript:history.go(-1);">
            <i class="icon-back icon-backWhite fn-left"></i>
        </a>*@
        <span class="center">邀请好友</span>
    </div>
    <div style="overflow: hidden">
        <div class="box relative">
            <div class="round absolute">
                <div></div>
            </div>
            <div class="inner">
                <div class="innerBox relative">
                    <div class="top bg-white">
                        <div class="fn-center">
                            <div class="title">
                                <img  src="~/Content/css/tokenmall/img/a/dian.png" />
                                <span class="fn36">我的邀请码</span>
                                <img class="dian2" src="~/Content/css/tokenmall/img/a/dian.png" />
                            </div>
                            <div class="col-red fn80 mb30" id="copy">@reduser.invitation_code</div>
                            <div class="mb40">
                                <a href="javascript:;" class="ui-btn ui-btn-borderRed" onclick="copy();">复制</a>
                            </div>
                            <div class="mb40">
                                @{
                                    string url = "http://qr.liantu.com/api.php?text=" + ViewBag.url + "&logo=" + "http://token.epalpay.com/Content/images/token.png";}
                                <img class="wx" src="@url" />
                                <p class="col-gray2 fn26 mt20">扫描下载拓垦APP</p>
                            </div>
                            <div class="flex mb30">
                                <a href="#" class="ui-btn ui-btn-buy flex-1">邀请好友注册拓垦</a>
                            </div>
                            <div class="mb20">
                                <a class="fn32 col-red" href="/user/invitelist">
                                    我的好友
                                    <img class="go" src="~/Content/css/tokenmall/img/icon/go5.png" />
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="inviBg">

                    </div>
                    <div class="bottom bg-white fn-left">
                        <div class="fn30 mb20">说明</div>
                        <p class="fn26 col-gray2">每邀请1名好友注册并实名成功+10马力，上限100马力，超出100马力后每邀请1好友增加1马力。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">

        function copy() {
            var Url2 = document.getElementById("copy").innerText;
            var oInput = document.createElement('input');
            oInput.value = Url2;
            document.body.appendChild(oInput);
            oInput.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            oInput.style.display = 'none';
            layer.msg("复制成功");
        }
    </script>
</body>
</html>